<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>活力卡片</title>
<script src="../js/jsconfigrem.js"></script>
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" href="../css/cssreset.css"/>
<link rel="stylesheet" href="css/card.css"/>
<script src="../js/swiper-3.4.1.min.js"></script>
<script src="../js/jquery-1.8.3.min.js"></script>
<style>

</style>
</head>
<body style="padding-top:0px;">
    <div class="app-wrap">
        <!-- 公有头部标题  -->
        <div class="head-title ">
            <div class="imgbox back-arrow">
                <a href="../index.html" class="block">
                    <img src="../publice_img/back-arrow.png" alt="">
                </a>
            </div>
            <p class="txt">活力卡片</p>
        </div>
        <!-- 公有头部标题  -->
        <div class="card-wrap">
            <div class="active-section">
                <div class="text-c active-time-wrap">
                    <p class="active-time">2010年07月29日 11:55</p>
                </div>
                <ul class="active">
                    <li class="active-item">
                        <a href="userpart/userpart.html" class="block">
                            <div class="imgbox">
                                <img src="images/card01.jpg" alt="">
                            </div>
                            <div class="active-desc">
                                <div class="info">
                                    <p class="title">指环王你看不看</p>
                                    <p class="text-overflow">少女的祈祷，沿途与他车厢中私奔般恋爱,再挤逼都不分开,祈求在路上没任何的伤害</p>
                                </div>
                                <p class="more">查看更多></p>
                            </div> 
                        </a>
                    </li>
                </ul>
            </div>
            <div class="active-section">
                <div class="text-c active-time-wrap">
                    <p class="active-time">2014年12月29日7:55</p>
                </div>
                <ul class="active">
                    <li class="active-item">
                        <a href="userpart/userpart.html" class="block">
                            <div class="imgbox">
                                <img src="images/card02.jpg" alt="">
                            </div>
                            <div class="active-desc">
                                <div class="info">
                                    <p class="title">指环王你看不看</p>
                                    <p class="text-overflow">少女的祈祷，沿途与他车厢中私奔般恋爱,再挤逼都不分开,祈求在路上没任何的伤害</p>
                                </div>
                                <p class="more">查看更多></p>
                            </div> 
                        </a>
                    </li>
                </ul>
            </div>
            <div class="active-section">
                <div class="text-c active-time-wrap">
                    <p class="active-time">昨天 11:55</p>
                </div>
                <ul class="active">
                    <li class="active-item">
                        <a href="userpart/userpart.html" class="block">
                            <div class="imgbox">
                                <img src="images/card03.jpg" alt="">
                            </div>
                            <div class="active-desc">
                                <div class="info">
                                    <p class="title">指环王你看不看</p>
                                    <p class="text-overflow">少女的祈祷，沿途与他车厢中私奔般恋爱,再挤逼都不分开,祈求在路上没任何的伤害</p>
                                </div>
                                <p class="more">查看更多></p>
                            </div> 
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="nomore-endsection">
            <div class="imgbox">
                <img src="../publice_img/nomore.png" alt="">
            </div>
            <p>没有更多啦!~~</p>
        </div>
    </div>


    
</body>
<script>



    var swiper = new Swiper('.gallery-banner', {
        // pagination: '.swiper-pagination'
        // paginationClickable: true,
        spaceBetween:8,
        // autoplay:3000,
        autoHeight: true, //enable auto height
  
    });

</script>
<script>
</script>

</html>